<template>
  <page-header-wrapper>
    <a-card>
      <div>
        <div class="title">{{ timeFix }}，{{ info.username }}</div>
        <div>欢迎使用 网信办后台管理系统</div>
      </div>
    </a-card>
  </page-header-wrapper>
</template>

<script>
import { mapState } from 'vuex';

export default {
  name: '',
  data() {
    return {
    };
  },

  components: {},

  computed: {
    ...mapState({
      info: state => state.user.info
    }),
    timeFix() {
      const time = new Date()
      const hour = time.getHours()
      return hour < 9 ? '早上好' : (hour <= 11 ? '上午好' : (hour <= 13 ? '中午好' : (hour < 20 ? '下午好' : '晚上好')))
    }
  },

  created() {},

  mounted() {},

  methods: {}
}

</script>
<style lang='less' scoped>
  .title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px;
  }
</style>